<!DOCTYPE html>
<html>
<head>
{include file="common/head"}
</head>

<body style="background-color: #f2f2f2;">
{include file="common/header"}
<div class="layui-container" style="margin-top: 80px;">
  <div class="layui-row layui-col-space15">
  
    <div class="layui-col-md8">
      <div class="layui-card">
        <div class="layui-card-body">
        	<fieldset class="layui-elem-field layui-field-title">
  			<legend>话题广场</legend>
			</fieldset>
          <p>话题是用于将相似的问题或文章进行归类，正确的使用话题能更快的发现和解决你的问题</p>
        </div>
      </div>
      <!---->
      <div class="layui-row layui-col-space15">
  {volist name="logs" id="item"}
    <div class="layui-col-md4">
      <div class="layui-card">
        <div class="layui-card-header"><a href="{:url('wendasns/topic/follow')}" class="J_req" data-str='{"id":"{$item.id}"}' data-click="follow" style="float: right;color: #01AAED;"><i class="layui-icon layui-icon-add-1" style="font-size: 14px;"></i>关注</a><a href="{:url('wendasns/topic/show',['tags'=>$item.name])}" style="color: #01AAED;">{if $item.icon}<i class="layui-icon {$item.icon}"></i> {/if}{$item.name}</a></div>
        <div class="layui-card-body">
        	<div class=""><p>{$item.intro}</p></div>
        	<div class="" style="font-size: 12px;color: #8590a6;">
        		<span style="float: right;">文章 <i class="layui-icon layui-badge layui-bg-orange">{$item.artnum}</i></span>
        		<span>问题 <i class="layui-icon layui-badge">{$item.asknum}</i></span>
        	</div>
        </div>
      </div>
    </div>
  {/volist}
      </div>
      <!---->
      <div class="layui-row"><div class="pager">{$logs->render()|raw}</div></div>
    </div>



    <div class="layui-col-md4">
      <div class="layui-card">
        <div class="layui-card-header">热门话题</div>
        <div class="layui-card-body">
          {volist name=":load_tags()" id="item"}
          	<a href="{:url('wendasns/topic/show',['tags'=>$item.name])}"><span class="layui-badge layui-bg-gray">{if $item.icon}<i class="layui-icon {$item.icon}" style="font-size: 14px;"></i> {/if}{$item.name}</span></a>
          {/volist}
        </div>
      </div>
      
      <div class="layui-card">
        <a href=""><img src="https://gss0.bdstatic.com/7051cy89RcgCncy6lo7D0j9wexYrbOWh7c50/kejizhou/qbz.jpeg" width="100%"></a>
      </div>
      
    </div>
    

  </div>
  
</div>
{include file="common/footer"}
</body>
</html>